import { setToken, getToken, removeToken } from '@/utils/auth'
import { loginAPI, getUserinfoAPI } from '@/api/user'
// 状态
const state = {
  // 获取本地存储
  token: getToken(),
  userInfo: ''
}
// 同步任务 将token存到state
const mutations = {
  removeUserToken(state, userInfo) {
    state.token = null
    removeToken()
  },
  setUserInfo(state, userInfo) {
    state.userInfo = userInfo
  },

  /**
   * 存储token 到state
   * @param {*} state
   * @param {string} token
   */
  setUserToken(state, token) {
    state.token = token
  }
}
// 异步任务 发送登录请求 得到token
const actions = {
  logoutAction(context) {
    context.commit('removeUserToken')
    context.commit('setUserInfo', {})
  },
  async getUserTokenAction(context) {
    // console.log('用户')
    // 发送请求，获取用户信息
    const userInfo = await getUserinfoAPI()
    console.log(userInfo)
    context.commit('setUserInfo', userInfo)
  },
  // loginFrom 接收额外参数的
  async loginAction(context, loginForm) {
    // 调接口 获取token
    const token = await loginAPI(loginForm)
    console.log(loginForm)
    // 先定义一个虚拟的值
    // const token = '88888888'
    // console.log(token, loginForm)
    // 提交 mutations 存储token到state
    context.commit('setUserToken', token)
    // 本地存储
    setToken(token)
  }
}

export default {
  // 注意：Vuex在划分模块模式必定要写命名空间
  namespaced: true,
  state,
  mutations,
  actions
}
